// 设备检测模块
import React from 'react'
import '../css/coretask.less';

class Experience extends React.Component {
  state={
    productId:this.props.experienceClassVo.productId,
    isBuyExperienceClass:this.props.isBuyExperienceClass
  }
 
  //立刻体验的跳转
  gotoGoodsDetail=( )=>{
    if(this.state.isBuyExperienceClass){
      alert("您已经购买过体验课了")
    }else{
      this.props.test.push(`/admin/goodsDetail/?id=${this.state.productId}`)
    }
  }
  render () {
    return (
      
        <div className="delposition">
          <div className="equipmentOut">
             <div className="novicetsakbg">
                <p className="labeClass Experience ">
                  体验课
                </p>
             </div>
             <h3 className="labeTitle ExperienceTitle">
                今日特价{this.props.experienceClassVo.experienceClassPrice}元
             </h3>
             
             <div className="equiloading">
                每节课40分钟
             </div>
             <div className="midlehr"></div>
             <p className="equipdesc">
                您将获得2次体验课的机会，让孩子享受原汁原味美式英语教学。足不出户，身临国际一流美语课堂。
             </p>
             
             <button type="button" className="nowbegin" onClick={this.gotoGoodsDetail}>立刻体验</button>
          </div>
        </div>
   
    )
  }
}
export default Experience